<!-- toaster directive -->
<toaster-container toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>
<!-- / toaster directive -->

<!-- 导航条 -->
<div class="bg-white bread-crumb">
    <ul class="breadcrumb b-a m-b-n-xs lter b-b wrapper-md">
        <li><a ui-sref="main"><i class="glyphicon glyphicon-home"></i> 房屋管理</a></li>
        <li><a ui-sref="main.regionManage.region.tree" class="active">区域管理树</a></li>
    </ul>
</div>

<!-- 加载提醒 -->
<div ng-show="loading" class="text-center m-t-md text-lg dataWarn"><i class="fa fa-spin fa-spinner"></i> 数据加载中...</div>
<!-- 内容区域 -->
<div ng-hide="loading" class="wrapper-md content">
    <!-- 数据显示 -->
    <div class="wrapper-data" id="treeManage">
        <div class="panel panel-default">
            <div ui-tree="treeOptions" id="tree-root">
                <ol ui-tree-nodes ng-model="angularTreeList">
                    <li ng-repeat="item in angularTreeList" ui-tree-node
                        ng-include="readonly?'angularTreeReadOnlyTemplate':'angularTreeTemplate'">

                    </li>
                </ol>
            </div>
        </div><!-- /.panel -->
    </div><!-- /.wrapper-data -->
</div><!-- /.wrapper-md -->

<style scoped>
    .floatRight{display: inline-block;float: right}
    #tree-root{width:24%;}
    .glyphicon-btn span{
        border:1px solid #777;
    }
    .panel-default{padding: 10px 0 0 10px;}

    .btn{padding: 5px 6px;}

</style>